<ion-header>
    <ion-toolbar color="light">
        <ion-buttons start >
            <button ion-button icon-only navPop *ngIf="!isRoot">
                <ion-icon name="arrow-back" ></ion-icon>
            </button>
        </ion-buttons>
        <ion-title>{{ 'post.Post' | translate }}</ion-title>
    </ion-toolbar>
</ion-header>
<ion-content>
    <div class="content-padding">
        <div class="hc-cell">
            <div class="hc-cell-item" (click)="goto(buy)">
                <i class="iconfont icon-post_buy" style="background:#DB3237"></i>
                <span>{{ 'home.Buy' | translate }}</span>
            </div>
            <div class="hc-cell-item" (click)="goto(rent)">
                <i class="iconfont icon-post_rent" style="background:#4886ED"></i>
                <span>{{ 'home.Rent' | translate }}</span>
            </div>
            <div class="hc-cell-item" (click)="goto(per)">
                <i class="iconfont icon-post_rentper" style="background:#3Cbb54"></i>
                <span>{{ 'home.Per' | translate }}</span>
            </div>
            <div class="hc-cell-item" (click)="goto(service)" >
                <i class="iconfont icon-post_service" style="background:#F4C20D">
                    <embed src="./assets/icon/post_service.svg" style="display: block;width: 70%;height: 70%; position: relative;bottom: 85%;left: 17%;" />
                </i>
                <span>{{ 'home.Services' | translate }}</span>
            </div>
        </div>
        <p>{{ 'home.choose' | translate }}</p>
    </div>
</ion-content>